<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <input type="text" @input="handleInput" placeholder="输入......">
        <p>
            输入的内容是：{{ message }}
        </p>
    </div>
    <div id="app1">
        <input type="text" @input="handleInput">
        <p>
            输入的@input：{{ messages }}
        </p>
    </div>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script>
        let app = new Vue({
            el: '#app',
            data() {
                return {
                    message: ''
                }
            },
            methods: {
                handleInput: function (e) {
                    this.message = e.target.value;
                }
            }
        });
        // let app1 = new Vue({
        //     el: '#app1',
        //     data() {
        //         return {
        //             messages: '淋巴'
        //         }
        //     },
        //     computed: {
        //         handleInput(){
                    
        //         }
        //     }
        // })

    </script>
</body>

</html>